.content{
  width:100%;
  background:rgba(32,48,51,1);
  // overflow: hidden;
}
.choose{
  width:95%;
  background:rgba(48,73,77,1);
  border-radius:4px;
  margin-left:2.4%;
  min-width: 90%;
}
// 标题
.content .h3{
  font-size: 20px;
  font-weight:bold;
  line-height: 60px;
  color: #489c9c;
  text-indent: 46px;
  letter-spacing:2px;
}

.input_first{
  width:30%;
  font-size:18px;
  line-height:32px;
  color:rgba(255,255,255,1);
  display: flex;
  margin-left:0%;
  vertical-align: middle; // 文本相對于input垂直對齊
  outline:none;
  float:left;
}
// input共有样式
.input_first>input{
  outline:none;
  height:32px;
  width: 210px;
  text-indent: 12px;
  background:rgba(32,48,51,1);
  border:1px solid rgba(255,255,255,1);
  border-radius:4px;
  vertical-align: middle;
  float:left;
}
.input_first:hover>input{
  border:1px solid rgba(72,156,156,1);
}
.input_first:focus>input{
  border:1px solid rgba(72,156,156,1);
}
// textarea
.textArea{
  width:100%;
  font-size:18px;
  line-height:32px;
  color:rgba(255,255,255,1);
  display: flex;
  margin-left: 40px;
  padding-left:32px;
  margin-right: 72px;
}
:host ::ng-deep .ant-input {
  width:93%;
  border: 1px solid #ffffff;
  color:rgba(255,255,255,1);
  font-size: 18px;
  text-indent: 2px;
  background-color: rgba(32,48,51,1);
}
.textArea:hover>textarea{
  border:1px solid rgba(72,156,156,1);
}
::ng-deep .ant-input:focus{
  border:1px solid rgba(72,156,156,1);
}
// 分割线
.wrap{
  width:95%;
  background-color: rgba(31,48,51,1);
  height: 1px;
  margin: 0 auto;
  display: flex;
  margin-top: 25px;
}
// 查詢按钮样式
.save{
  width:110px;
  height:32px;
  background:rgba(55,122,122,1);
  border:0px;
  outline: none;
  border-radius:4px;
  background-image: url(../../../assets/image/btn_save_normal.svg);
  background-repeat: no-repeat;
  // margin-right:60px;
}
.save:hover{
  outline: none;
  background-image: url(../../../assets/image/btn_save_over.svg);
}
.clear{
  width:110px;
  height:32px;
  background:rgba(55,122,122,1);
  border:0px;
  outline: none;
  border-radius:4px;
  background-image: url(../../../assets/image/btn_clear_normal.svg);
  margin-right: 35px;
}
.clear:hover{
  outline: none;
  background-image: url(../../../assets/image/btn_clear_over.svg);
}
// 表头
.content>nz-table{
  width:95%;
  margin-left:2.4%;
  min-width: 90%;
  margin-top:30px;
}
::ng-deep .ant-table-container table > thead > tr:first-child th:first-child{
  border-top-left-radius:4px;
}
::ng-deep .ant-table-container table > thead > tr:first-child th:last-child{
  border-top-right-radius:4px;
}
:host ::ng-deep .ant-table-header, .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th{
  background:rgba(255,255,255,0);
}
:host ::ng-deep .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body{
  background:rgba(255,255,255,0);
}
:host ::ng-deep .ant-table{
  font-size: 18px;
  font-weight:400;
  color:rgba(255,255,255,1);
}
:host ::ng-deep .ant-table-thead>tr>th{
  height: 50px;
  background:rgba(48,73,77,1);
  font-weight:400;
  color:rgba(255,255,255,1);
  text-align: center;
}
  // tbody
:host ::ng-deep .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body{
  background:rgba(32,48,51,1);
}
:host ::ng-deep .ant-table-td-left-sticky, .ant-table-td-right-sticky{
  background:rgba(32,48,51,1);
}
:host ::ng-deep .ant-table table{
  text-align: center;
}
//表格的行样式
:host ::ng-deep .tr_hover>td{
  white-space: nowrap;
}
:host ::ng-deep .tr_hover:hover>td{
  background:rgb(40,60,63,1) !important;
}
:host ::ng-deep .ant-table-middle>.ant-table-content>.ant-table-scroll>.ant-table-body>table>.ant-table-tbody>tr>td{
  height:50px;
  padding:0px;
}
// 边框颜色
:host ::ng-deep .ant-table-thead>tr>th{
    border-bottom: 0px;
}
:host ::ng-deep .ant-table-tbody>tr>td{
  border-bottom: 1px solid rgba(48,73,77,1);
}
::ng-deep .ant-spin-container>.ant-table>.ant-table-content>.ant-table-scroll>.ant-table-header{
  margin-bottom: 0px;
}
// 去掉暂无数据
::ng-deep .ant-table-placeholder{
  display: none;
}
::ng-deep ::-webkit-scrollbar {
  background:rgba(32,48,51,1);
  width:6px;      ///Claire 04/24
  height: 16px !important;    ///Claire 04/24
  }
// 滚动条
::ng-deep ::-webkit-scrollbar {
  background:rgba(32,48,51,1);
  width:6px;           //右側滾動條寬度  Claire 04/24
  height:15px;          //下側滾動條高度  Claire 04/24
  }
  // // 滚动条的条  vertical 竖向
  ::ng-deep ::-webkit-scrollbar-thumb:vertical {
  background:#489C9C;
  border: 1px solid rgba(32,48,51,1);
  border-radius: 5px;
  }
  // // horizontal 横向
  ::ng-deep ::-webkit-scrollbar-thumb:horizontal {
    box-shadow: auto;
    background: #489C9C;;
    border: 1px solid rgba(32,48,51,1);
    border-radius: 5px;
  }
  ::ng-deep::-webkit-scrollbar-corner{    ///去右下滾動條白色  Claire 04/24
    background-color: rgba(32,48,51,1); ///去右下滾動條白色  Claire 04/24
  }
.del{
  width: 30px;
  height: 30px;
  display:block;
  background-image: url(../../../assets/image/icon_del.svg);
  background-repeat: no-repeat;
  margin:0 auto;
  background-position: center;
}
// 刪除彈出框
::ng-deep .ant-modal-content .ant-btn-primary{
  border:1px solid rgba(72,156,156,1);
  background:rgba(48,73,77,1);
  font-size: 18px;
  color:rgba(72,156,156,1);
  margin-left:20px;
}
::ng-deep .ant-modal-content {
  .ant-btn{
    border:1px solid rgba(72,156,156,1);
    background:rgba(48,73,77,1);
    font-size: 18px;
    color:rgba(72,156,156,1);
  }
}
::ng-deep .ant-modal-content{
  background:rgba(48,73,77,1);
  border-radius: 8px;
}
::ng-deep .ant-modal-header{
  background:rgba(48,73,77,1);
  border-bottom: 1px;
  border-radius:8px 8px 0px 0px;
  text-align: center;
}
::ng-deep .ant-modal-footer{
  border-top: 0px;
  border-radius:0px 0px 8px 8px;
}
::ng-deep .ant-modal-content {
  .ant-btn{
  border:1px solid rgba(72,156,156,1);
  background:rgba(48,73,77,1);
  font-size: 16px;
  color:rgba(72,156,156,1);
  }
  .ant-btn:hover{    //增加按钮hover效果 Claire
    border:1px solid rgba(72,156,156,1);
    background:rgba(72,156,156,1);
    font-size: 16px;
    color:rgb(255, 255, 255);
  }
  .ant-btn:focus{  //增加按钮focus效果  Claire
    border:1px solid rgba(55,122,122,1);
    background:rgba(55,122,122,1);
    font-size: 16px;
    color:rgb(255, 255, 255);
  }
}
:host ::ng-deep.ant-modal-body {   /// 05/09  442行
  padding: 0px;
  word-wrap: break-word;
}
::ng-deep .ant-modal-title{
  font-size:20px;
  font-weight:400;
  line-height:27px;
  color:rgba(255,255,255,1);
  letter-spacing:5px;
  opacity:1;
  text-align: center;
}
// ::ng-deep .ant-modal {
//   padding-top:150px;
// }
// ::ng-deep .ant-modal{
//   width:23% !important;
//   height:40% !important;
//   color:#ffffff;
//   padding-top:6%;
// }
:host ::ng-deep .ant-modal-body{
  font-size: 18px;
  line-height: 40px;
}
::ng-deep .ant-modal-close{
  color:#ffffff !important;
}
